<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
	<p:breadCrumb>
		<p:menuitem value="Categories" url="usuarioNormal.jsf" />
		<p:menuitem value="Reservar" url="agregarReserva.jsf" />
		<p:menuitem value="Listar Reservas" url="listarReservasUsuario.jsf" />
	</p:breadCrumb>
</h:head>
<h:body>
	<p:growl id="growl"></p:growl>

	<h:form id="salaDataTable">
		<p:dataTable var="reservaListado"
			value="#{reservaMB.listarReservaUsuarioMG(usuarioMB.usuario)}">

			<p:column headerText="Nombre Sala">
				<p:outputLabel id="nombresala" value="#{reservaListado.sala}" />
			</p:column>

			<p:column headerText="Nombre Usuario">
				<p:outputLabel id="ubicacion" value="#{reservaListado.usuario}" />
			</p:column>

			<p:column headerText="Dia">
				<p:outputLabel id="proyector" value="#{reservaListado.diaReserva}">
					<f:convertDateTime type="date" pattern="dd-MM-yyyy" />
				</p:outputLabel>
			</p:column>

			<p:column headerText="Hora Inicio">
				<p:outputLabel id="televisor" value="#{reservaListado.horaInicio}">
					<f:convertDateTime type="date" pattern="HH:mm a" />
				</p:outputLabel>
			</p:column>

			<p:column headerText="Hola Termino">
				<p:outputLabel id="capacidad" value="#{reservaListado.horaTermino}">
					<f:convertDateTime type="date" pattern="HH:mm a" />
				</p:outputLabel>
			</p:column>

			<p:column headerText=" ">
				<p:commandButton id="borrarReserva" value="Borrar"
					action="#{reservaMB.mostrarBorrarReserva(reservaListado)}" />
			</p:column>
		</p:dataTable>
	</h:form>

	<h:form id="formBorrar">
		<p:dialog header="Datos del usuario" widgetVar="dialogoBorrarSala"
			modal="true">
			<h:panelGrid id="gridBorrar" columns="2" cellpadding="5">

				<h:outputLabel for="nombresala" value="Usuario : " />
				<h:outputText id="txtusuario" value="#{reservaMB.reserva.usuario}" />

				<h:outputLabel for="nombresala" value="Sala : " />
				<h:outputText id="txtsala" value="#{reservaMB.reserva.sala}" />

				<h:outputLabel for="nombresala" value="Hora inicio : " />
				<h:outputText id="txthora" value="#{reservaMB.reserva.horaInicio}" />


				<p:commandButton action="#{reservaMB.borrarUsuarioMG()}"
					id="submitButtonBorrar" value="Borrar" update=":growl" ajax="false" />
			</h:panelGrid>
		</p:dialog>
	</h:form>



</h:body>
</html>